*, :before, :after {
  	box-sizing: border-box;
}

html, body {
  	height: 100%;
}

.flexslider {
	max-width: 1200px;
	background-color: #fff;
  	height: 100%;
  	margin: auto;
  	padding: 0;
  	background: none;
  	border: 0;
  	overflow: hidden;
    -webkit-box-shadow: 0px 25px 38px 0px rgba(0,0,0,0.2);
  	-moz-box-shadow: 0px 25px 38px 0px rgba(0,0,0,0.2);
  	box-shadow: 0px 25px 38px 0px rgba(0,0,0,0.2);
}

.flexslider li .meta {
  	display: table-row;
}


@media screen and (min-width: 1700px){
	.flexslider{
	 	margin: auto;
	}
}


.flexslider .flex-viewport {
  	height: 100%;
}
.flexslider .flex-control-nav {
  bottom: 45%;
  margin-right: 40px;
  margin-left: 40px;
  z-index: 100;
  width: 90%;
  padding-left: 92%;
}
.flexslider .slides {
  	height: 100%;
}
.flexslider .slides li {
  	height: 100%;
}



/*/////////// MCS Mobile ///////////*/

.flex-control-paging li a {
    display: block;
    width: 10px;
    height: 10px;
	background: transparent;
    background: transparent;
    text-indent: -9999px;
    border-radius: 50%;
    border: 2px solid;
    border-color: #96C93D;
    text-decoration: none;
	cursor: pointer;
	box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
}

.flex-control-paging li a:hover {
    background: #96C93D;
    background: #96C93D
}

.flex-control-paging li a.flex-active {
    background: #96C93D;
    background: #96C93D;
    cursor: default
}

/*////////////// Bolitas Verticales //////////////*/


.flex-control-nav li {
	display: block;
	margin: 6px 0;
}



/*////////////// Bolitas Verticales -END- //////////////*/


/*///////// Texto de los banners ///////////*/

/*.flexslider li {
		position: relative;
}
*/
.flexslider li .meta {
		position: absolute;
		top: 150px;
		left: 60px;
		max-width: 550px;
		/*-ms-display: table-row;
		-webkit-display: table-row;*/
		display: table-row;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		-webkit-box-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		align-items: flex-start;
}

.flexslider li h1 {
		padding: 0px 0px 0px 12px;
		margin-bottom: 0;
		font-size: 3.5em;
		font-weight: 300;
		color: #96C93D
}

.flexslider li h2 {
		padding: 0px 18px 12px;
		font-size: 2em;
		margin-bottom: 0;
		font-weight: 300;
		color: #96C93D
}

.flexslider li .category {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 20px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
	    flex-direction: row;
		padding-left: 5px;
}

.flexslider li .category p {
		color: #96C93D;
		margin-right: 7px;
		font-size: 1.1em;
		padding: 12px 18px 10px;
		font-weight: 300;
}

.flexslider li h1,
.flexslider li h2,
.flexslider li .category,
.flexslider li .category p,
.flexslider li .category span {
		-ms-animation-duration: .4s;
		-webkit-animation-duration: .4s;
		animation-duration: .4s;
		
		-ms-animation-fill-mode: both;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		
		-ms-animation-name: fadeOutLeft;
		-webkit-animation-name: fadeOutLeft;
		animation-name: fadeOutLeft;
}

.flexslider li.flex-active-slide .meta h1,
.flexslider li.flex-active-slide .meta h2,
.flexslider li.flex-active-slide .meta .category,
.flexslider li.flex-active-slide .meta .category p,
.flexslider li.flex-active-slide .meta .category span {
		-ms-animation-delay: 2s;
		-webkit-animation-delay: 2s;
		animation-delay: 2s;
		
		-ms-animation-duration: .4s;
		-webkit-animation-duration: .4s;
		animation-duration: .4s;
		
		-ms-animation-fill-mode: both;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		
		-ms-animation-name: fadeInLeft;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
}

.flexslider li.flex-active-slide .meta h2 {
		-ms-animation-delay: 2s;
		-webkit-animation-delay: 2s;
		animation-delay: 2s;
		margin-top: 8px;
}

.flexslider li.flex-active-slide .meta .category p {
		-ms-animation-delay: 2s;
		-webkit-animation-delay: 2s;
		animation-delay: 2s;
}

.flexslider li.flex-active-slide .meta .category span {
		-ms-animation-delay: 2s !important;
		-webkit-animation-delay: 2s;
		animation-delay: 2s;
}

.flexslider li.flex-active-slide .meta .category span a {
		-ms-animation-delay: 2s !important;
		-webkit-animation-delay: 2s;
		animation-delay: 2s;
}


@-ms-keyframes fadeInLeft {
		0% {
			opacity: 0;
			-ms-transform: translate3d(-100%, 0, 0);
			-webkit-transform: translate3d(-100%, 0, 0);
			transform: translate3d(-100%, 0, 0);
		}		
		100% {
			opacity: 1;
			-ms-transform: none;
			-webkit-transform: none;
			transform: none;
		}
}


@-webkit-keyframes fadeInLeft {
		0% {
			opacity: 0;
			-ms-transform: translate3d(-100%, 0, 0);
			-webkit-transform: translate3d(-100%, 0, 0);
			transform: translate3d(-100%, 0, 0);
		}		
		100% {
			opacity: 1;
			-ms-transform: none;
			-webkit-transform: none;
			transform: none;
		}
}

@keyframes fadeInLeft {
		0% {
				opacity: 0;
				-ms-transform: translate3d(-100%, 0, 0);
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
		100% {
				opacity: 1;
				-ms-transform: none;
				-webkit-transform: none;
				transform: none;
		}
}

@-ms-keyframes fadeOutLeft {
		0% {
				opacity: 1;
				-ms-transform: none;
				-webkit-transform: none;
				transform: none;

		}
		100% {
				opacity: 0;
				-ms-transform: translate3d(-100%, 0, 0);
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
}


@-webkit-keyframes fadeOutLeft {
		0% {
				opacity: 1;
				-ms-transform: none;
				-webkit-transform: none;
				transform: none;

		}
		100% {
				opacity: 0;
				-ms-transform: translate3d(-100%, 0, 0);
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
}

@keyframes fadeOutLeft {
		0% {
				opacity: 1;
				-ms-transform: none;
				-webkit-transform: none;
				transform: none;

		}
		100% {
				opacity: 0;
				-ms-transform: translate3d(-100%, 0, 0);
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
}

/*Kenburn effect*/

#desktop .flex-active-slide .slide-image {
    	-webkit-animation: zoomout 4s;
          animation: zoomout 4s;
        
}

@-ms-keyframes zoomout {
  0% {
  	-ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
  	-ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}


@-webkit-keyframes zoomout {
  0% {
  	-ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
  	-ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

#desktop .flex-active-slide .slide-image-in {
	-ms-animation: zoomin 4s;
   	-webkit-animation: zoomin 4s;
    animation: zoomin 4s;
          
}

@-ms-keyframes zoomin {
  0% {
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
  	-ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}


@-webkit-keyframes zoomin {
  0% {
      -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
     -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

/* ///////// Responsive ///////// */

@media screen and (max-width: 2560px){
.flexslider li .meta {
		position: absolute;
		top: 150px;
		left: 60px;
		max-width: 600px;
		display: table-row;

}
.flexslider li h1 {
	font-size: 3.5em;
	padding: 0px 0px 0px 15px;
	margin-bottom: 0px;
	margin-top: 0px;

}
.flexslider li h2 {
		padding: 10px 0px 0px 15px;
		font-size: 2.0em;
		margin-bottom: 0px;
		margin-top: 0px;
}

}

@media screen and (max-width: 1440px){
.flexslider li .meta {
		position: absolute;
		top: 150px;
		left: 60px;
		max-width: 400px;
		display: table-row;
}

.flexslider li h1 {
		padding: 0px 0px 0px 15px;
		margin-bottom: 0px;
		margin-top: 0px;
		font-size: 2.8em;
}

.flexslider li h2 {
		padding: 10px 0px 0px 15px;
		font-size: 1.1em;
		margin-bottom: 0px;
		margin-top: 0px;
}

.flexslider li .category {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 0px;
		padding: 20px 0px 0px 0px;

}

}




@media screen and (max-width: 1024px){
.flexslider li .meta {
		position: absolute;
		top: 150px;
		left: 60px;
		max-width: 400px;
		width: 400px;
}

.flexslider li h1 {
		padding: 0px 0px 0px 15px;
		margin-bottom: 0px;
		margin-top: 0px;
		font-size: 2.3em;
}

.flexslider li h2 {
		padding: 10px 0px 0px 15px;
		font-size: 1.1em;
		margin-bottom: 0px;
		margin-top: 0px;
}

.flexslider li .category {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 0px;
		padding: 20px 0px 0px 0px;

}

}



ol.flex-control-nav.flex-control-paging {
    height: 0;
    position: relative;
    bottom: 55%;
}













/*@media screen and (max-width:860px) {

    .flex-direction-nav .flex-prev {
    	display: none;
	}

    .flex-direction-nav .flex-next {
	    display: none;
	}
	.flexslider li .meta {
		bottom: 30%;
		left: 40px;
	}
	.flexslider li h1 {
		font-size: 1.8em;
	}
	.flexslider li h2 {
		padding: 0px 18px 11px;
	}

	.flexslider .flex-control-nav {
    	bottom: 5px;
		padding-left: 0;
	}
	.flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
	}
}

@media screen and (max-width: 768px){
.flexslider li .meta {
		position: absolute;
		top: 20%;
		left: 60px;
		max-width: 400px;
}

.flexslider li h1 {
		padding: 12px 18px 0px;
		margin-bottom: 0px;
		font-size: 2.8em;
		font-weight: 300;
		color: #96C93D
}

.flexslider li h2 {
		padding: 0px 18px 11px;
		font-size: 1.1em;
		margin-bottom: 0px;
		font-weight: 300;
		color: #96C93D;
		margin-top: 0px !important;
}

.flexslider li .category {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 10px;
		padding-left: 2px !important;
}

}



/* Extra Small Devices, Phones */ 
/*@media only screen and (max-width : 480px) {
	

	
	.flexslider li h1 {
		font-size: 1.2em;
		padding-left: 0px;
		max-width: 60%;
	}
	.flexslider li h2 {
		font-size: 1.0em;
		margin-top: 0px;
		padding-left: 0px;
	}
}

/* Custom, iPhone Retina */ 
/*@media only screen and (max-width : 320px) {

}*/